<template>
  <div class="loginpage">
    <p>电力安全工器具</p>
    <p>全流程管理</p>
    <div class="input-wrapper">
			<img class="pre-ico" src="../../img/user.png" />
			<input v-model="account" class="input" focus placeholder="请输入用户名" />
		</div>
		<div class="input-wrapper">
			<img class="pre-ico" src="../../img/lock.png" />
			<input v-model="password" class="input" type="password" placeholder="请输入密码" />
		</div>
		<div class="submit-wrapper">
			<button class="submit-btn" type="primary" @click="login">登录</button>
      <h2>国网江苏电力公司安监部</h2>
		</div>
  </div>  
</template>
<script>
export default {
  data() {
    return {

    }
  },
  methods:{
    login() {
      this.$router.push("/home")
    }
  }
  
}
</script>
<style lang="less">
  .loginpage {
    height: 100%;
    width: 100%;
    background: #fff;
    overflow: hidden;
 
  p {
    text-align: center;
    font-size: 40px;
    color:#369b98
  }
  .pre-ico {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align:text-bottom
  }
  .input-wrapper {
    height: 50px;
    width: 80%;
    border: 1px solid #369b98;
    border-radius: 50px;
    line-height: 50px;
    margin: auto;
    margin-top:28px;
    padding-left: 16px;
  }
  .input {
    border:0;
    outline: none;
    height:45px;
    width: 80%;
    font-size: 18px;
  }
  .submit-wrapper {
    width: 84.5%;
    margin-top: 26px;
    margin: auto;
  }
  .submit-btn {
    height: 52px;
    width: 100%;
    background: #369b98;
    color:#fff;
    font-size: 16px;
    border: 0;
    border-radius: 48px;
    margin-top:26px;
  }
  h2 {
    margin-top:138px;
    color: #9999;
    text-align: center;
  }
}
</style>